<template>
	<view class="order">
		<view class="fixed-top">
			<view class="top-content">
				<!-- 订单列表筛选框 -->
				<view class="dropdown-box">
					<u-dropdown v-show="current == 0 && popupShow" ref="uDropdown" border-bottom
						:inactive-color="active?'#ffffff':'#333'" @close="popupShow = false"
						style="position: absolute;top:0;background-color: #fff;">
						<u-dropdown-item v-model="orderStatus" title="订单状态" :options="orderStatusList"
							@change="onSearchFilter"></u-dropdown-item>
						<u-dropdown-item v-model="orderType" title="订单类型" :options="orderTypeList"
							@change="onSearchFilter"></u-dropdown-item>
						<u-dropdown-item v-model="settleStatus" title="结算状态" :options="settleStatusList"
							@change="onSearchFilter"></u-dropdown-item>
						<u-dropdown-item title="筛选">
							<view class="slot-content" style="background-color: #FFFFFF;">
								<scroll-view scroll-y="true">
									<u-section title="是否申请售后" :right="false"></u-section>
									<view class="sctionContent">
										<u-radio-group v-model="isAfterSale">
											<u-radio v-for="(item, index) in isAfterSaleList" :key="index"
												:name="item.value">
												{{item.name}}
											</u-radio>
										</u-radio-group>
									</view>
									<u-section title="商品名称" :right="false"></u-section>
									<view class="sctionContent">
										<u-input v-model="name" type="text" border placeholder="请输入商品名称" />
									</view>
									<u-section title="收货人手机号" :right="false"></u-section>
									<view class="sctionContent">
										<u-input v-model="mobile" type="text" border placeholder="请输入收货人手机号" />
									</view>
									<u-section title="下单日期" :right="false"></u-section>
									<view class="sctionContent">
										<view>
											<u-input v-model="startDate" type="select" border placeholder="请选择开始日期"
												@click="show = true" />
										</view>
										<view style="padding:0 20rpx;">-</view>
										<view>
											<u-input v-model="endDate" type="select" border placeholder="请选择结束日期"
												@click="show = true" />
										</view>
									</view>
								</scroll-view>
								<u-row gutter="16" justify="space-between">
									<u-col span="6">
										<u-button type="primary" @click="submit">确定</u-button>
									</u-col>
									<u-col span="6">
										<u-button type="default" @click="chongzhi">重置</u-button>
									</u-col>
								</u-row>
							</view>
						</u-dropdown-item>
					</u-dropdown>
					<u-dropdown v-show="current == 1 && popupShow" ref="uDropdownSh" border-bottom
						:style="{'backgroundColor':active?'#357CD4':'#ffffff' }"
						:inactive-color="active?'#ffffff':'#333'"
						style="position: absolute;top:0;background-color: #fff;">
						<u-dropdown-item v-model="statusSh" title="订单状态" :options="statusList"
							@change="onSearchFilterSh"></u-dropdown-item>
						<u-dropdown-item v-model="typeSh" title="售后单类型" :options="typeList" @change="onSearchFilterSh">
						</u-dropdown-item>
						<u-dropdown-item title="筛选">
							<view class="slot-content" style="background-color: #FFFFFF;">
								<scroll-view scroll-y="true">
									<u-section title="售后单号" :right="false"></u-section>
									<view class="sctionContent">
										<u-input v-model="saleNoSh" type="text" border placeholder="请输入售后单号" />
									</view>
									<u-section title="收货人手机号" :right="false"></u-section>
									<view class="sctionContent">
										<u-input v-model="mobileSh" type="text" border placeholder="请输入收货人手机号" />
									</view>
									<u-section title="下单日期" :right="false"></u-section>
									<view class="sctionContent">
										<view>
											<u-input v-model="startDateSh" type="select" border placeholder="请选择开始日期"
												@click="show = true" />
										</view>
										<view style="padding:0 20rpx;">-</view>
										<view>
											<u-input v-model="endDateSh" type="select" border placeholder="请选择结束日期"
												@click="show = true" />
										</view>
									</view>
								</scroll-view>
								<u-row gutter="16" justify="space-between">
									<u-col span="6">
										<u-button type="primary" @click="submitSh">确定</u-button>
									</u-col>
									<u-col span="6">
										<u-button type="default" @click="chongzhiSh">重置</u-button>
									</u-col>
								</u-row>
							</view>
						</u-dropdown-item>
					</u-dropdown>
				</view>
				<view class="nav-bar">
					<!-- <view class="nav-bar-sider"><template>
				
						<u-icon name="arrow-left" @click="back"></u-icon>
					</view> -->
					<view style="flex: 1">
						我的订单
					</view>
					<!-- <view class="nav-bar-sider"></view> -->
				</view>
				<view class="total u-flex u-row-around">
					<view class="u-flex-1">
						<view>实际支付现金总数</view>
						<view class="mar-top-20">{{orderSumDTO.sumActualPayAmount}}</view>
					</view>
					<view class="u-flex-1">
						<view>总金额</view>
						<view class="mar-top-20">{{orderSumDTO.sumTotalAmount}}</view>
					</view>
					<view class="u-flex-1">
						<view>实际支付糖果总数</view>
						<view class="mar-top-20">{{orderSumDTO.sumActualPaySweet}}</view>
					</view>
				</view>
				<view class="top">
					<u-search placeholder="搜索订单号" v-model="orderNo" :show-action="true" :action-style="searchRightStyle"
						:clearabled="true" @search="onSearch" @custom="onSearch"></u-search>
					<!-- <image class="download" src="@/static/order/download.png" mode="" @click="exportExcel"></image> -->
					<view style="margin-left:30rpx;">
						<u-image src="@/static/shoping/sx.png" width="37rpx" height="37rpx" mode="aspectFit"
							@click="shuaixuan">
						</u-image>
					</view>
				</view>

			</view>
			<u-tabs :bold="false" :list="list" :is-scroll="false" :current="current" @change="change"
				active-color="#3189EA"></u-tabs>
		</view>

		<!--  'z-index': showDropdown ? 10 : 15 -->
		<scroll-view :scroll-y="true" :style="{'height': 'calc(100vh - 250px)','position': 'absolute'}"
			@scrolltolower="londMore">
			<view class="order-list" v-show="current == 0">
				<view class="order-list-item" v-for="(item, index) in tableData" :key="index" @click="toDetail(item)">
					<view class="o-top u-flex u-row-between">
						<view class="u-flex-1">
							下单时间：{{item.orderTime}}
						</view>
						<view class="o-status" :style="orderStatusText[item.orderStatus].style">
							{{orderStatusText[item.orderStatus].name}}
						</view>
					</view>
					<view class="u-flex">
						<image src="@/static/order/shop.png" mode=""
							style="min-width: 28rpx;width: 28rpx;height: 27rpx;"></image>
						<view class="u-line-1">{{item.merchantName}}</view>
					</view>
					<view class="o-goods">
						<view class="u-flex">
							<image class="o-good-img" :src="item.orderProductImgUrl" mode=""></image>
							<view class="o-good-text u-flex-1" style="min-width: 0;">
								<view class="u-line-1" style="color: #000;">{{item.orderProductName}}</view>
								<view class="u-flex">
									实际支付现金：
									<view class="primary">￥{{item.actualPayAmount}}</view>
								</view>
								<view class="u-flex">
									实际支付糖果数：
									<view class="primary">{{item.actualPaySweet}}</view>
								</view>
								<view class="u-flex">
									实际支付金豆：
									<view class="primary">{{item.actualPayGoldenBean}}</view>
								</view>
								<view class="u-flex u-row-between">
									<view class="u-flex">订单总金额：<view class="primary">￥{{item.totalAmount}}</view>
									</view>
									<view class="primary">x{{item.buyNumber}}</view>
								</view>
							</view>
						</view>
					</view>
					<view class="o-get">
						<view class="">
							收货人姓名：{{item.deliveryName}}
						</view>
						<view>
							收货人手机号：{{item.deliveryMobile}}
						</view>
					</view>
					<view class="o-get">
						订单号：{{item.orderNo}}
					</view>
					<view class="tag">
						<u-tag class="tag-item" border-color="#ecf5ff" :text="orderTypeText[item.orderType]"
							type="primary" size="mini" />
						<u-tag class="tag-item" border-color="#ecf5ff" :text="deliveryTypeText[item.deliveryType]"
							type="primary" size="mini" />
						<u-tag class="tag-item" border-color="#ecf5ff" :text="settleStatusText[item.settleStatus]"
							type="primary" size="mini" />
						<u-tag class="tag-item" border-color="#ecf5ff" :text="item.isAfterSale?'已申请售后':'未申请售后'"
							type="primary" size="mini" />
					</view>
					<view class="o-action">
						<!-- orderData.orderStatus==2||orderData.orderStatus==3  -->
						<!-- <u-button v-if="item.orderStatus==2||item.orderStatus==3" class="o-action-btn" type="warning" shape="circle" size="mini" plain @click="viewwuliu(item)">查询物流</u-button> -->
						<u-button v-show='item.orderStatus==1' class="o-action-btn" type="warning" shape="circle"
							size="mini" plain @click="editOrder(item)">立即编辑</u-button>
						<!-- <u-button class="o-action-btn" type="success" shape="circle" size="mini" plain @click="toDetail(item)">订单详情</u-button> -->
						<u-button v-if="item.orderStatus==1&&item.orderStatus!=2" class="o-action-btn" type="primary"
							shape="circle" size="mini" plain @click="toSend(item)">立即{{item.deliveryType==2?'提货':'发货'}}
						</u-button>
					</view>
				</view>
			</view>
			<view class="order-list" v-show="current == 1">
				<view class="order-list-item" v-for="(item, index) in tableDataSh" :key="index">
					<view class="o-top u-flex u-row-between">
						<view class="u-flex-1">
							申请售后时间：{{item.timeApplication}}
						</view>
						<!-- :style="statusText[item.status].style" -->
						<view class="o-status">
							{{statusText[item.status].name}}
						</view>
					</view>
					<view class="u-flex">
						<image src="@/static/order/shop.png" mode=""
							style="min-width: 28rpx;width: 28rpx;height: 27rpx;"></image>
						<view class="u-line-1">{{item.merchantName}}</view>
					</view>
					<view class="o-goods">
						<view class="u-flex">
							<image class="o-good-img" :src="item.orderProductImgUrl" mode=""></image>
							<view class="o-good-text u-flex-1" style="min-width: 0;">
								<view class="u-line-1" style="color: #000;">{{item.orderProductName}}</view>
								<view class="u-flex">
									申请退款金额：
									<view class="primary">￥{{item.afterSaleAmount}}</view>
								</view>
								<view class="u-flex">
									申请退还糖果：
									<view class="primary">{{item.sweetRefund}}</view>
								</view>
								<view class="u-flex">
									申请退还金豆：
									<view class="primary">{{item.goldenBeanRefund}}</view>
								</view>
								<view class="u-flex u-row-between">
									<view class="u-flex">售后类型：<view class="primary">
											￥{{afterSaleTypeText[item.afterSaleType]}}</view>
									</view>
									<!-- <view class="primary">x{{item.buyNumber}}</view> -->
								</view>
							</view>
						</view>
					</view>
					<view class="o-get u-flex">
						买家手机号：{{item.mobile}}
					</view>
					<view class="o-get u-line-1">
						售后描述：{{item.rejectReason}}
					</view>
					<view class="o-get">
						售后单号：{{item.saleNo}}
					</view>
					<view class="o-get">
						订单号：{{item.orderNo}}
					</view>
					<view class="o-action">
						<u-button v-if="item.status == 3" class="o-action-btn" type="warning" shape="circle" size="mini"
							plain @click="receipt(item)">确认收货</u-button>
						<u-button v-if="item.status == 0" class="o-action-btn" type="success" shape="circle" size="mini"
							plain @click="review(item)">立即审核</u-button>
						<u-button class="o-action-btn" type="primary" shape="circle" size="mini" plain
							@click="toDetailSh(item)">查看详情</u-button>
					</view>
				</view>
			</view>
			<!-- 订单列表 -->
			<u-empty v-show="tableData.length <= 0 && current == 0" text="订单暂时没有数据" mode="list"></u-empty>
			<u-loadmore v-show="tableData.length > 0 && current == 0" :status="status" />
			<!-- 售后单 -->
			<u-empty v-show="tableDataSh.length <= 0 && current == 1" text="售后订单暂时没有数据" mode="list"></u-empty>
			<u-loadmore v-show="tableDataSh.length > 0 && current == 1" :status="ustatusSh" />
		</scroll-view>
		<u-modal v-model="showModal" content="确认商品提货, 是否继续?" @confirm="OrderPickUp"></u-modal>
		<u-calendar v-model="show" :mode="mode" @change="timeOnchange"></u-calendar>
		<!-- 售后单 -->
		<u-modal v-model="showModalSh" content="请确认是否已经收到货物, 是否继续" @confirm="receiptSubmit"></u-modal>
		<!-- 售后单审核弹窗 -->
		<u-modal v-model="reviewShowSh" title="审核" :show-cancel-button="true" @confirm="reviewtSubmit">
			<view class="review-dialog">
				<u-form :model="form" ref="uForm">
					<!--  label="审核" -->
					<u-form-item>
						<u-radio-group class="u-flex" v-model="form.status">
							<u-radio class="u-flex-1" v-for="(item, index) in radioList" :key="index" :name="item.name"
								:disabled="item.disabled">
								{{ item.label }}
							</u-radio>
						</u-radio-group>
					</u-form-item>
					<u-form-item v-show="form.status==2">
						<u-input v-model="form.rejectReason" input-align="center" placeholder="请输入审核不通过原因"
							type="text" />
					</u-form-item>
				</u-form>
			</view>
		</u-modal>
	</view>
</template>

<script>
	import dataJs from './data.js'
	export default {
		data() {
			return {
				list: [{
					name: '订单列表'
				}, {
					name: '售后单'
				}],
				current: 0,
				popupShow: false,
				status: 'loadmore',
				showModal: false,
				show: false,
				mode: 'range',
				active: false,
				searchRightStyle: {
					'position': 'absolute',
					'right': '10rpx',
					'line-height': '55rpx',
					'width': '100rpx',
					'background-color': '#357CD4',
					'color': '#fff',
					'border-radius': '28rpx',
				},
				orderSumDTO: {
					sumActualPayAmount: '',
					sumActualPaySweet: '',
					sumTotalAmount: ''
				},
				tableData: [],
				orderNo: '',
				startDate: '',
				endDate: '',
				isAfterSale: '',
				name: '',
				mobile: '',
				orderStatus: '',
				orderType: '',
				settleStatus: '',
				page: 1,
				size: 10,
				total: 0,
				curItem: {},
				orderTypeText: dataJs.orderTypeText,
				deliveryTypeText: dataJs.deliveryTypeText,
				settleStatusText: dataJs.settleStatusText,
				orderStatusText: dataJs.orderStatusText,
				orderStatusList: dataJs.orderStatusList,
				orderTypeList: dataJs.orderTypeList,
				settleStatusList: dataJs.settleStatusList,
				isAfterSaleList: dataJs.isAfterSaleList,
				// 售后单相关
				afterSaleTypeText: dataJs.afterSaleTypeText,
				statusText: dataJs.statusText,
				statusList: dataJs.statusList,
				typeList: dataJs.typeList,
				tableDataSh: [],

				pageSh: 1,
				sizeSh: 10,
				orderNoSh: '',
				saleNoSh: '',
				typeSh: '',
				mobileSh: '',
				statusSh: '',
				startDateSh: '',
				endDateSh: '',

				totalSh: 0,
				ustatusSh: 'loadmore',

				showModalSh: false,
				curItemSh: {},
				reviewShowSh: false,
				form: {
					status: 1,
					rejectReason: ''
				},
				radioList: [{
						name: 1,
						label: '通过'
					},
					{
						name: 2,
						label: '不通过'
					}
				],

			}
		},
		onShow() {
			this.getData();
			this.getDataSh()
		},

		// onPullDownRefresh() {
		// 	this.page = 1;
		// 	this.tableData = [];
		// 	this.getData();
		// },
		methods: {
			onSearchFilterSh() {
				this.tableDataSh = [];
				this.pageSh = 1;
				this.getDataSh()
				this.$refs.uDropdown.close();
			},
			chongzhiSh() {
				this.saleNoSh = '';;
				this.mobileSh = '';
				this.startDateSh = '';
				this.endDateSh = '';
			},
			submitSh() {
				this.tableDataSh = [];
				this.pageSh = 1;
				this.getDataSh()
				this.$refs.uDropdownSh.close();
			},
			toDetailSh(row) {
				uni.navigateTo({
					url: `./afterSaleDetail?id=${row.id}`
				})
			},
			review(row) {
				this.reviewShowSh = true;
				this.curItemSh = row;
			},
			// 审核
			reviewtSubmit() {
				this.$u.api.postAfterSaleRefund({
					"id": this.curItemSh.id,
					"rejectReason": this.form.rejectReason,
					"status": this.form.status
				}).then(res => {
					if (res.code == 0) {
						this.reviewShowSh = false;
						uni.showToast({
							icon: 'none',
							title: '审核成功!'
						});
						this.tableDataSh = [];
						this.pageSh = 1;
						this.getDataSh()
					} else {
						this.reviewShowSh = false;
						uni.showToast({
							icon: 'none',
							title: '审核失败!' + res.msg
						});
					}
				})
			},
			// 确认收货
			receiptSubmit() {
				this.$u.api.postAfterSaleRefund({
					"id": this.curItemSh.id,
					"rejectReason": "",
					"status": 3
				}).then(res => {
					if (res.code == 0) {
						this.showModalSh = false;
						uni.showToast({
							icon: 'none',
							title: '确认成功!'
						});
						this.tableDataSh = [];
						this.pageSh = 1;
						this.getDataSh()
					} else {
						this.showModalSh = false;
						uni.showToast({
							icon: 'none',
							title: '提货失败!' + res.msg
						});
					}
				})
			},
			// 缺认收货
			receipt(row) {
				this.showModalSh = true;
				this.curItemSh = row;
			},
			shuaixuan() {
				this.popupShow = !this.popupShow;
			},
			change(index) {
				this.current = index;
			},
			getDataSh() {
				let params = {
					page: this.pageSh,
					size: this.sizeSh,
					orderNo: this.orderNoSh,
					saleNo: this.saleNoSh,
					startDate: this.startDateSh,
					endDate: this.endDateSh,
					mobile: this.mobileSh,
					status: this.statusSh,
					type: this.typeSh,
					merchantId: uni.getStorageSync('mid')
				}
				this.$u.api.getAfterSaleList(params).then(res => {
					if (res.code == 0) {
						if (res.data && res.data.length > 0) {
							this.tableDataSh = [...this.tableDataSh, ...res.data];
						} else {
							// 分页结束
							this.ustatusSh = 'nomore';
						}
						this.totalSh = res.extraInfo;

					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					}
				})
			},
			londMore() {
				if (this.current == 1) {
					if (this.tableDataSh.length >= this.totalSh) return;
					this.ustatus = 'loading';
					this.pageSh = ++this.pageSh;
					this.getDataSh()
				}
				if (this.current == 0) {
					if (this.tableData.length >= this.total) return;
					this.status = 'loading';
					this.page = ++this.page;
					this.getData()
				}

			},
			onSearch() {
				if (!this.orderNo) {
					uni.showToast({
						icon: 'none',
						title: '请输入要搜索的订单号'
					});
					return
				}
				if (this.current == 0) {
					this.tableData = [];
					this.orderSumDTO = {
						sumActualPayAmount: '',
						sumActualPaySweet: '',
						sumTotalAmount: ''
					};
					this.page = 1;
					this.getData()
				}
				if (this.current == 1) {
					this.orderNoSh = this.orderNo;
					this.tableDataSh = [];
					this.pageSh = 1;
					this.getDataSh()
				}
			},
			submit() {
				this.tableData = [];
				this.orderSumDTO = {
					sumActualPayAmount: '',
					sumActualPaySweet: '',
					sumTotalAmount: ''
				};
				this.page = 1;
				this.getData()
				this.$refs.uDropdown.close();
			},
			onSearchFilter() {
				this.tableData = [];
				this.orderSumDTO = {
					sumActualPayAmount: '',
					sumActualPaySweet: '',
					sumTotalAmount: ''
				};
				this.page = 1;
				this.getData()
			},
			getData() {
				let params = {
					page: this.page,
					size: this.size,
					orderNo: this.orderNo,
					startDate: this.startDate,
					endDate: this.endDate,
					isAfterSale: this.isAfterSale,
					name: this.name,
					mobile: this.mobile,
					orderStatus: this.orderStatus,
					orderType: this.orderType,
					settleStatus: this.settleStatus,
					merchantId: uni.getStorageSync('mid')
				}
				this.$u.api.getMallOrderList(params).then(res => {
					if (res.code == 0) {
						if (res.data.orderSumDTO != null) {
							this.orderSumDTO = res.data.orderSumDTO
						} else {
							this.orderSumDTO = {
								sumActualPayAmount: 0,
								sumActualPaySweet: 0,
								sumTotalAmount: 0
							}
						}

						if (res.data && res.data.orderListDto.length > 0) {
							this.tableData = [...this.tableData, ...res.data.orderListDto];
						} else {
							// 分页结束
							this.status = 'nomore';
						}
						this.total = res.extraInfo;

					} else {
						uni.showToast({
							icon: 'none',
							title: res.msg
						});
					}
				})
			},
			chongzhi() {
				this.orderNo = '';
				this.startDate = '';
				this.endDate = '';
				this.isAfterSale = '';
				this.name = '';
				this.mobile = '';
				this.orderStatus = '';
				this.orderType = '';
				this.settleStatus = '';
			},
			timeOnchange(e) {
				if (this.current == 0) {
					this.startDate = e.startDate;
					this.endDate = e.endDate;
				}
				if (this.current == 1) {
					this.startDateSh = e.startDate;
					this.endDateSh = e.endDate;
				}
			},
			viewwuliu(row) {
				uni.navigateTo({
					url: `./logisticsDetail?courierNo=${row.courierNo}&deliveryMobile=${row.deliveryMobile}&orderNo=${row.orderNo}&merchantName=${row.merchantName}&orderProductName=${row.orderProductName}&totalAmount=${row.totalAmount}&orderProductImgUrl=${row.orderProductImgUrl}`
				})
			},
			toSend(row) {
				if (row.deliveryType == 2) {
					this.showModal = true;
					this.curItem = row
				} else {
					uni.navigateTo({
						url: `./orderSendGoods?id=${row.id}`
					})
				}
			},
			// 提货
			OrderPickUp() {
				this.$u.api.putOrderPickUp(this.curItem.id).then(res => {
					if (res.code == 0) {
						this.showModal = false;
						uni.showToast({
							icon: 'none',
							title: '提货成功!'
						});
					} else {
						this.showModal = false;
						uni.showToast({
							icon: 'none',
							title: '提货失败!' + res.msg
						});
					}
				})
			},
			editOrder(row) {
				uni.navigateTo({
					url: `./orderEditGoodsInfo?orderNo=${row.orderNo}`
				})
			},
			toDetail(row) {
				uni.navigateTo({
					url: `./orderDetail?id=${row.orderNo}`
				})
			},
			onPullDownRefresh() {
				this.current = 0;
				this.page = 1;
				this.tableData = [];
				this.getData();
				this.tableDataSh = [];
				this.pageSh = 1;
				this.getDataSh();
			},
		}
	}
</script>

<style scoped>
	.mar-top-20 {
		margin-top: 20rpx;
		height: 40rpx;
	}

	.primary {
		color: #3189EA;
	}

	>>>.u-close-warp {
		color: red;
	}

	.fixed-top {
		/* position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%; */
	}

	/* .bar {
	padding-top: var(--status-bar-height);
	background-color: #3189EA;
} */
	.top-content {
		padding-top: var(--status-bar-height);
		width: 100%;
		position: relative;
		color: #fff;
		/* width: 100%;
	height: 334rpx; */
		background-color: #1F6ECF;
		background-image: url('@/static/order/bg-order.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.dropdown-box {
		position: relative;
	}

	.nav-bar {
		width: 100%;
		font-size: 32rpx;
		color: #fff;
		line-height: 88rpx;
		text-align: center;
		display: flex;
		align-items: center;
	}

	.nav-bar-sider {
		width: 100rpx;
	}

	.total {
		margin: 50rpx 0;
		text-align: center;
	}

	.top {
		display: flex;
		align-items: center;
		padding: 15rpx 15rpx 15rpx 32rpx;
		background-color: #77A9FD;
	}

	.u-search {
		position: relative;
	}

	.download {
		padding-left: 30rpx;
		width: 38rpx;
		height: 37rpx;
	}

	.order-list-item {
		margin: 18rpx 30rpx 18rpx 30rpx;
		padding: 0 28rpx 30rpx 28rpx;
		box-shadow: 0rpx 0rpx 24rpx 0rpx rgba(150, 150, 150, 0.17);
		font-size: 28rpx;
	}

	.o-top {
		padding-top: 25rpx;
		padding-bottom: 14rpx;
		margin-bottom: 20rpx;
		border-bottom: 1rpx solid #C8C8C8;
	}

	.o-goods {
		padding: 13rpx 0 23rpx 0;
		margin-bottom: 20rpx;
		border-bottom: 1rpx solid #C8C8C8;
	}

	.o-good-img {
		margin-right: 14rpx;
		width: 150rpx;
		height: 150rpx;
		border-radius: 10rpx;
	}

	.o-get {
		color: #999999;
		margin: 10rpx 0;
	}

	.tag-item {
		margin: 10rpx;
		border-radius: 10rpx;
	}

	.o-action {
		margin-top: 30rpx;
		overflow: hidden;
	}

	.o-action-btn {
		margin-right: 17rpx;
		float: right;
	}

	.slot-content {
		padding: 20rpx 30rpx;
	}

	.sctionContent {
		display: flex;
		align-items: center;
		padding: 30rpx 0;
	}

	>>>.u-dropdown__menu__item {
		background-color: #fff;
	}
</style>
